<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	<style>
.body3 {
	background-color: #FCFFC1;
	color: #1F7B00;
	padding: 4px 0;
	text-align: center;
}
</style>
	<h:head>
		<link href="css/default2.css" rel="stylesheet" type="text/css" />

		<title>DeportGol!</title>
	</h:head>
	<h:form>
		<f:view>
			<h:body>
				<img src="images/pelota.png" class="floatLeft" height="82"
					width="96" style="width: 89px;" />

				<h1>DeportGol!</h1>
				<h1>Gestión de Canchas de Futbol 5</h1>
				<h3>Web Para Empresas</h3>

				<table width="100%">
					<tr>
						<td style="background-color: #200070" height="5"></td>
					</tr>
				</table>
				
				<center>
				
					<rich:panel bodyClass="body3" style="width : 500px; height : 273px;" >

						<f:facet name="header">
							<h:outputText value="Registro de Empresa" id="progress" />
						</f:facet>
						
						<table >
							<tr>
							<td align="right"><h:outputText escape="false" value="Razón Social:" style="font-weight:bold; color:#1F7B00" /></td>
							<td align="right"><h:inputText value="#{empresa.razonSocial}" required="true"	id="razonSocial" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="razonSocial" ajaxRendered="true" style="font-weight:bold" /></td>
							</tr>
							<tr>
							<td align="right"><h:outputText escape="false" value="Nombre Fantasia:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="right"><h:inputText value="#{empresa.nombrefantasia}" required="true" id="fantasia" style="width : 150px;" /></td>
							<td></td>
							<td><rich:message for="fantasia" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right"><h:outputText escape="false" value="RUT:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="right"><h:inputText value="#{empresa.documento}" required="true" id="rut" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="rut" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right"><h:outputText escape="false" value="Dirección:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="right"><h:inputText value="#{empresa.direccion}" required="true" id="direccion" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="direccion" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right"><h:outputText escape="false" value="E-Mail:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="right"><h:inputText value="#{empresa.email}" required="true" id="mail" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="mail" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right"><h:outputText escape="false" value="Telefonos:" style="font-weight:bold; color:#1F7B00"/></td>
                			<td align="right"><h:inputTextarea  value="#{empresa.tel}" required="true" id="telefono" style=" width : 150px; height : 40px;"/></td>                                         
							<td></td>
							<td><rich:message for="telefono" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right"><h:outputText escape="false" value="Observaciones: (opcional)" style="font-weight:bold; color:#1F7B00"/></td>
                			<td align="right"><h:inputTextarea  value="#{empresa.texto}" id="texto" style="width : 150px; height : 40px;"/></td>                                         
							<td></td>
							</tr>
							<tr>
							<td align="right"><h:outputText escape="false" value="Usuario:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="right"><h:inputText value="#{empresa.usuario}" required="true" id="usuario" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="usuario" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right"><h:outputText escape="false" value="Clave:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="right"><h:inputSecret value="#{empresa.clave}" required="true"	id="clave" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="clave" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							</table>
							
							<table align="center">
							<tr>
								<td colspan="2"><a4j:commandButton value="Aceptar"	action="#{empresa.altaEmpresa}" style="font-weight:bold"/></td>
								<td colspan="2"><a4j:commandButton value="Cancelar" action="salir" immediate = "true"  style="font-weight:bold"/></td>
							</tr>
							 </table>
						
						</rich:panel>
						
												
				</center>
			</h:body>
		</f:view>
	</h:form>
</ui:composition>
